<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <br/>

            <h:form id="mapsForm" enctype="multipart/form-data">

                <h3 class="title">Atlas Diagnóstico</h3>
                <h4>Quantidade de Casas Registradas: #{managerMapa.qtdImovel()}</h4>
                <h4>Quantidade de Casas Pendentes: #{managerMapa.qtdImovelPendente()}</h4>


                <p:pieChart  value="#{managerMapa.pieModel}" legendPosition="w"  
                             showDataLabels="true"  legendCols="3"  dataFormat="value"
                             title="Quantidade de Imóveis por Bairro" style="height:350px;" />

                <div class="container_24 clearfix">
                    <p:pieChart title="Situação dos Imóveis" value="#{managerMapa.pieModelPendente}" legendPosition="w"  
                                showDataLabels="true" style="width: 450px" dataFormat="value" styleClass="grid_14"/>

                    <p:barChart  value="#{managerMapa.categoryModel}" legendPosition="ne"  styleClass="grid_8"
                                 title="Patrimônio" min="0" max="#{managerMapa.max}" style="width: 450px;"/>  
                </div>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

